<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>校友风采</title>
    <link rel="stylesheet" href="css/alumniStyleColor.css" />
    <!-- 引入swiper -->
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/swiper.min.js"></script>
  </head>
  <body>
    <script type="text/javascript" src="headerData.js"></script>
    <div class="bannerImg">
    	<img src="img/alumniStyle/alumni_01.png"/>
    </div>
    <div style="width: 60%;margin: 0 auto 50px;">
      <!-- 校友风采 -->
      <div class="title">校友风采</div>
      <div class="employ-banner swiper-container">
      	<ul class="swiper-wrapper">
      		<li class="swiper-slide">
            <div>
              <p>王小五</p>
              <p>就职单位：深圳市xxxxxxxxx</p>
              <p>就职职位：Java工程师</p>
              <p>月收入：10000+</p>
            </div>
      			<img src="img/alumniStyle/alumni_02.png" />
      		</li>
      		<li class="swiper-slide">
      			<div>
      			  <p>王小五</p>
      			  <p>就职单位：深圳市xxxxxxxxx</p>
      			  <p>就职职位：Java工程师</p>
      			  <p>月收入：10000+</p>
      			</div>
      			<img src="img/student-employ2.jpg" />
      		</li>
      		<li class="swiper-slide">
      			<div>
      			  <p>王小五</p>
      			  <p>就职单位：深圳市xxxxxxxxx</p>
      			  <p>就职职位：Java工程师</p>
      			  <p>月收入：10000+</p>
      			</div>
      			<img src="img/student-employ3.jpg" />
      		</li>
      	</ul>
      	<div class="btnlist">
      		<!-- 分页器 -->
      		<div class="employ-pagination swiper-pagination"></div>
      		<!-- 左右按键 -->
      		<div class="employ-button-prev"></div>
      		<div class="employ-button-next"></div>
      	</div>
      </div>
      <!-- 校友企业 -->
      <div class="enterprise">
        <div class="title">校友企业</div>
        <div class="text">
          广州现代信息工程职业技术学院-专才学院就业指导中心(以下简称“中心”》是专才学院负责本院学生就业指导与就业服务管理的职能部门。主要统筹工作包括:贯彻落实国家的就业方针政策，1、办理就业协议书签订和毕业生派遣事宜，规范毕业生就业行为。2、开展职业指导与咨询服务办理就业协议书签订和毕业生派遣事宜，规范毕业生就业行为
        </div>
        <ul>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
        </ul>
      </div>
      <!-- 校友相册 -->
      <div class="enterprise">
        <div class="title">校友相册</div>
        <div class="text">
          广州现代信息工程职业技术学院-专才学院就业指导中心(以下简称“中心”》是专才学院负责本院学生就业指导与就业服务管理的职能部门。主要统筹工作包括:贯彻落实国家的就业方针政策，1、办理就业协议书签订和毕业生派遣事宜，规范毕业生就业行为。2、开展职业指导与咨询服务办理就业协议书签订和毕业生派遣事宜，规范毕业生就业行为
        </div>
        <ul>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
          <li>
            <div>
              <img src="img/alumniStyle/alumni_03.png"/>
            </div>
            <div>
              <p>林才</p>
              <p>xxxxx有限公司</p>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </body>
</html>
<script src="js/alumniStyleColor.js" type="text/javascript"></script>